$(function () {
    $.getJSON("/recentCount", function (result) {
        console.log(result);
        $("#total").text("¥" + result["total"]);
        var ctx, data, myLineChart, options;
        Chart.defaults.global.responsive = true;
        ctx = $('#jumbotron-line-chart').get(0).getContext('2d');
        options = {
            showScale: false,
            scaleShowGridLines: false,
            scaleGridLineColor: "rgba(0,0,0,.05)",
            scaleGridLineWidth: 0,
            scaleShowHorizontalLines: false,
            scaleShowVerticalLines: false,
            bezierCurve: false,
            bezierCurveTension: 0.4,
            pointDot: false,
            pointDotRadius: 0,
            pointDotStrokeWidth: 2,
            pointHitDetectionRadius: 20,
            datasetStroke: true,
            datasetStrokeWidth: 4,
            datasetFill: true,
            legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].strokeColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
        };

        data = {
            labels: result["week"],
            datasets: [
                {
                    label: "My Second dataset",
                    fillColor: "rgba(34, 167, 240,0.2)",
                    strokeColor: "#22A7F0",
                    pointColor: "#22A7F0",
                    pointStrokeColor: "#fff",
                    pointHighlightFill: "#fff",
                    pointHighlightStroke: "#22A7F0",
                    data: result["arr"]
                }
            ]
        };
        myLineChart = new Chart(ctx).Line(data, options);
    })
});

$(function () {
    $.getJSON("/recentSale", function (result) {
        console.log(result);
        var arr = [];
        var arr2 = [];
        var arr3 = [];
        var a2 = result["total"];
        $("#totalSale").text("近一周总销量:" + a2);
        for (i = 0; i < result["top7"].length; i++) {
            var obj = result["top7"][i];
            arr.push(obj["Like"]);
            arr2.push(((arr[i] / parseFloat(a2)) * 100).toPrecision(2));
            arr3.push(obj["Name"].toString() + " " + ((arr[i] / parseFloat(a2)) * 100).toPrecision(2).toString() + "%")
        }
        var ctx, data, myBarChart, option_bars;
        Chart.defaults.global.responsive = true;
        ctx = $('#jumbotron-bar-chart').get(0).getContext('2d');
        option_bars = {
            showScale: false,
            scaleShowGridLines: false,
            scaleBeginAtZero: true,
            scaleShowGridLines: true,
            scaleGridLineColor: "rgba(0,0,0,.05)",
            scaleGridLineWidth: 1,
            scaleShowHorizontalLines: false,
            scaleShowVerticalLines: false,
            barShowStroke: true,
            barStrokeWidth: 1,
            barValueSpacing: 7,
            barDatasetSpacing: 3,
            legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].fillColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
        };
        data = {
            labels: arr3,
            datasets: [
                {
                    label: "My First dataset",
                    fillColor: "rgba(26, 188, 156,0.6)",
                    strokeColor: "#1ABC9C",
                    pointColor: "#1ABC9C",
                    pointStrokeColor: "#fff",
                    pointHighlightFill: "#fff",
                    pointHighlightStroke: "#1ABC9C",
                    data: arr
                }, {
                    label: "My Second dataset",
                    fillColor: "rgba(34, 167, 240,0.6)",
                    strokeColor: "#22A7F0",
                    pointColor: "#22A7F0",
                    pointStrokeColor: "#fff",
                    pointHighlightFill: "#fff",
                    pointHighlightStroke: "#22A7F0",
                    data: arr2
                }
            ]
        };
        myBarChart = new Chart(ctx).Bar(data, option_bars);
    })
});

$(function () {
    $.getJSON("allCost", function (result) {
        console.log(result);
        $("#costcount").text("普通客户:" + result["sncount"] + "元 / 会员:" + result["smcount"] + "元");
        var ctx, data, myLineChart, options;
        Chart.defaults.global.responsive = true;
        ctx = $('#jumbotron-line-2-chart').get(0).getContext('2d');
        options = {
            showScale: false,
            scaleShowGridLines: false,
            scaleGridLineColor: "rgba(0,0,0,.05)",
            scaleGridLineWidth: 0,
            scaleShowHorizontalLines: false,
            scaleShowVerticalLines: false,
            bezierCurve: false,
            bezierCurveTension: 0.4,
            pointDot: false,
            pointDotRadius: 0,
            pointDotStrokeWidth: 2,
            pointHitDetectionRadius: 20,
            datasetStroke: true,
            datasetStrokeWidth: 3,
            datasetFill: true,
            legendTemplate: "<ul class=\"<%=name.toLowerCase()%>-legend\"><% for (var i=0; i<datasets.length; i++){%><li><span style=\"background-color:<%=datasets[i].strokeColor%>\"></span><%if(datasets[i].label){%><%=datasets[i].label%><%}%></li><%}%></ul>"
        };
        data = {
            labels: ['今天', '昨天', '前天', '两天前', '三天前', '四天前', '五天前'],
            datasets: [
                {
                    label: "普通客户",
                    fillColor: "rgba(26, 188, 156,0.2)",
                    strokeColor: "#1ABC9C",
                    pointColor: "#1ABC9C",
                    pointStrokeColor: "#fff",
                    pointHighlightFill: "#fff",
                    pointHighlightStroke: "#1ABC9C",
                    data: result["nseven"]
                }, {
                    label: "会员",
                    fillColor: "rgba(34, 167, 240,0.2)",
                    strokeColor: "#22A7F0",
                    pointColor: "#22A7F0",
                    pointStrokeColor: "#fff",
                    pointHighlightFill: "#fff",
                    pointHighlightStroke: "#22A7F0",
                    data: result["mseven"]
                }
            ]
        };
        myLineChart = new Chart(ctx).Line(data, options);
    })
});
